@border-color:#d9d9d9;
@default-text-color:#fff;
@mouse-hover-color:#2186FB;
.border_line(){
  border:.01rem solid @border-color;
}
.tab-page {
  height: 100%; /* unify the height of two div */
  background-color:   #fff;
  .border_line();
}
.covered-form {
  position: relative;
  float: left;
  width: 40%;
  height: 100%;
  display: inline-block;
  border-right:.01rem solid @border-color;
  // .border_line();

  .covered-form-content {
    padding: .15rem;
  }
}

.covering-result {
  display: inline-block;
  position: relative;
  float: left;
  width: 60%;
  height: 100%;
  // .border_line();
  .cover-icon {
    height: 0.3rem;
    width: .18rem;
    min-width: 0.18rem;
    position: absolute;
    left: -.18rem;
    top: .07rem;
    border: none;
    color: #fff;
    background-color: @border-color;
  }
  .cover-icon:hover{
    color:@mouse-hover-color;
  }
  .cover-icon:focus {
    outline:0;
  }
}
.cover{
  width: 100%;
  .cover-icon {
    left: -0.01rem!important;
  }
  .sub-area-title {
    padding-left: .25rem;
  }
}
.sub-area-title {
  padding: .11rem .15rem;
  width: 100%;
  border-bottom: .01rem solid @border-color;
  font-size: .14rem;
  font-weight: bold;
}
.vertical-interval {
    margin-bottom: .08rem;
  }

.label-select {
  width: 35%;
  margin-right: .08rem;
}
.label-input {
  width: 25%;
  margin-right:.08rem;
}
.input-number-line-select {
  width: 25%;
  margin-left: .08rem;
  position: relative;
  top: 0;
}
:host ::ng-deep .ant-calendar-picker {
  width: 100% !important;
}
:host ::ng-deep .ant-form-item{
  margin-bottom: 0.12rem;
}
:host  ::ng-deep .ant-form-item-required::before{
  content: '';
}

// 

pre {
  background-color: #fbfbfb;
  border: none;
}
.return-msg-height {
  height: 1.50rem;
}
.invoke-log {
  height: 1.50rem;
}

.invoke-success {
  color: #00a854 !important;
}

.invoke-failed {
  color: #f04134 !important;
}

.my-code-editor {
  height: 2rem;
  border: 0.01rem solid #d9d9d9;
}
